<!--回收站-->
<template>
  <div class="recover-stand">
    <a-card size="small" :headStyle="{ background: '#f9f9f9' }" :bodyStyle="{ height: 'calc(100% - 48px)', padding: '12px 12px 0' }">
      <div slot="title">
        <div class="top-icon">
          <icon-font type="icon-huishouzhan" />
        </div>
        <span>回收站</span>
      </div>
      <div slot="extra">
        <a-button type="primary" icon="delete" class="icon-button">清空回收站</a-button>
        <a-button type="primary" icon="plus" class="icon-button">数据恢复</a-button>
        <a-dropdown placement="bottomRight">
          <a-button type="primary" icon="upload">报表导出</a-button>
          <a-menu slot="overlay">
            <a-menu-item key="1">数据目录</a-menu-item>
            <a-menu-divider />
            <a-menu-item key="2">数据批量导出</a-menu-item>
            <a-menu-divider />
            <a-menu-item key="3">数据专题目录</a-menu-item>
          </a-menu>
        </a-dropdown>
      </div>
      <el-table
        :data="recoverTableData"
        highlight-current-row
        border
        height="calc(100% - 40px)"
        :row-style="{height:'40px'}"
        :cell-style="{padding:'0px'}"
        :header-cell-style="{background: '#FAFAFA', padding: 0, height: '40px', color: '#666666'}"
        style="width: 100%">
        <slot v-for="(item,index) in recoverColumns">
          <el-table-column
            :key="index"
            :property="item.field"
            :label="item.title"
            :width="item.width"
            show-overflow-tooltip
            sortable>
          </el-table-column>
        </slot>
      </el-table>
      <!-- 回收站分页 -->
      <div class="pagination">
        <a-pagination :default-current="4" :total="50" show-less-items />
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  name: 'RecoverStand',
  components: {
  },
  data () {
    return {
      recoverTableData: [
        {
          Index: 1,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-001',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '保密',
          CreateTime: '1959-12-01'
        },
        {
          Index: 2,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-002',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '机密',
          CreateTime: '1969-12-01'
        },
        {
          Index: 3,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-003',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '绝密',
          CreateTime: '1979-12-01'
        },
        {
          Index: 4,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-004',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '秘密',
          CreateTime: '1989-12-01'
        }
      ],
      recoverColumns: [
        {
          title: '顺序号',
          field: 'Index'
        },
        {
          title: '归档方式',
          field: 'FMType'
        },
        {
          title: '表名',
          field: 'TableName'
        },
        {
          title: '档号',
          field: 'Code'
        },
        {
          title: '标题',
          field: 'Topic'
        },
        {
          title: '保管期限',
          field: 'BGQXData'
        },
        {
          title: '密级',
          field: 'Security'
        },
        {
          title: '创建日期',
          field: 'CreateTime'
        }
      ]
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.recover-stand {
  width: 100%;
  height: 100%;
  padding: 10px 10px 0;
  background: #f0f2f5;
  .pagination {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
</style>
